body{font-family: Tahoma, Verdana, sans-serif; font-size: 12pt; text-align: center; margin: auto; padding: 0; width: 1000px}
p {margin: 0}

#top {background: url('../img/bg.png') #60a708 top center repeat-x; color: white; height: 151px; font-size: 11pt; margin:auto}
#logo {background: url('../img/logo.png') no-repeat; width: 256px; height: 106px; float:left}
#logo a {width: 256px; height: 106px; display: block}
#koszyk {float: left; width: 280px; }
#koszyk p {margin: 0; margin-left: 20px; padding-top: 20px}
#koszyk a {text-decoration: none; color: white; font-weight: bold; font-size: 10pt}
#koszyk a:hover {border-bottom: 1px solid white}
#login_area {padding-top: 12px}
input {font-family: Tahoma, Verdana, sans-serif; font-weight: bold; margin: 3px}
input[type="text"], input[type="password"] {width: 90px; height: 16px}
input[type="submit"] {color: black; background: #eee; border: 1px solid #333; height: 22px}
input[disabled] {background: #ccc; color: #888}
#search input[type="text"] {width: 140px; margin-top: 8px}
#login_area, #search {text-align: right; line-height: 30px; margin-right: 16px}

#banner {margin-bottom: 20px}

#kategorie {color: white; font-weight: bold; font-size: 10pt; width: 192px; float:left; background: url('../img/kat_shadow.png') no-repeat bottom; padding-bottom: 15px; padding-left: 5px; padding-right: 5px }
#kategorie ul {margin: 0; padding: 0; width: 192px; text-align: left; list-style: none; line-height: 37px}
#kategorie ul li a {text-decoration: none; color: white; padding-left: 25px; width: 167px; display: block; margin-top: -5px; padding-top: 5px}
#kategorie .red {background: url('../img/kat_red_new.png') no-repeat}
#kategorie .orange {background: url('../img/kat_orange_new.png') no-repeat}
#kategorie .green {background: url('../img/kat_green_new.png') no-repeat}
#kategorie a:hover {background: url("../img/arrow.png") no-repeat right 19px}
#kategorie .red a:hover {color: #ffcab7}
#kategorie .orange a:hover {color: #ffd800}
#kategorie .green a:hover {color: #00ff00}

.header { margin-left: 30px; margin-top: 10px; text-indent: -10001px; max-height: 40px; }
#h_nowosci {background: url('../img/nowosci.png') no-repeat}
#h_nowosci a {width: 102px; height: 28px; display: block}
#h_bestsellery {background: url('../img/bestsellery.png') no-repeat}
#h_bestsellery a {width: 139px; height: 30px; display: block}

#content {width: 598px; margin:auto; float:left; text-align: center;}
#content a {border: none}
.news {background: url('../img/separator-news.png') no-repeat; min-height: 160px; margin-left: 30px; padding-top: 55px; padding-right: 25px; text-align: left}
.cover {border: 8px solid white; border-radius: 8px; box-shadow: 0px 0px 1px 1px grey; clear:left; float: left; margin-bottom: 50px; margin-right: 20px}
.cover:hover {border: 8px double #ccc}
#content p a, #product p a, #bestsellery p a {text-decoration: none; color: black}
#content p a:hover, #product p a:hover, #bestsellery p a:hover {border-bottom: 1px #333 solid}
.addtocart {background: #f26400; padding: 5px; border: 2px solid white; font-family: "Trebuchet MS"; font-weight: bold; margin: -20px 0px -25px 360px; outline: solid 2px #f26400}
.addtocart a {color: white; text-decoration: none}
.addtocart a:hover {color: #ffd800; text-decoration: none}

.title, .rating, .description, .more  {margin-top: 0; margin-bottom: 0; text-align: left}
.title {font-weight: bold; margin-top: 7px}
.rating5, .rating4, .rating3, .rating2, .rating1 {background: url('../img/star.png'); height: 12px; margin-left: 145px; margin-top: 4px; margin-bottom: 15px}
.rating5 {width: 70px}
.rating4 {width: 56px}
.rating3 {width: 42px}
.rating2 {width: 28px}
.rating1 {width: 14px}
.rating {font-size: 10pt; margin-left: 145px; margin-top: 4px; margin-bottom: 15px}
.metascore {text-align: left; font-size: 11pt; padding-bottom: 10px}

.price {font-weight: bold; font-size: 10pt; margin-top: -10px; text-align: left}
.description {font-size: 10pt; line-height: 14pt; margin-top: 1em; text-align: justify}
.more {font-weight: bold; font-size: 10pt; margin-top: 10px; text-align: right}

#pages {margin-top: 50px}
.page_number {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 13pt; margin: 3px; text-decoration: none; color: white; font-weight: bold; background: #60a708; padding: 4px 9px}
a.page_number:hover {background: #f26400}
span.page_number {background: #eee; padding: 4px 9px; color: black}

table {margin: auto; text-align: left; color: black; font-size: 11pt; border: 2px solid #999; border-collapse: collapse; margin-top: 25px}
thead {font-weight:bold; background: #60a708; color: white}
td, th {border: 1px dotted #999; padding: 12px}
tr:hover {background:rgba(0,0,0,0.1)}

#product {margin: 30px 25px 30px 25px}
#product .title {font-size: 16pt}
#product .description {margin-left: 210px}
#product .price {font-size: 14pt}
.genre {font-size: 10pt; font-weight: bold; padding: 15px 0; text-align: left}
#product .rating5, #product .rating4, #product .rating3, #product .rating2, #product .rating1 {margin-left: 210px; margin-top: 8px; margin-bottom: 18px}
#pegi img {padding-right: 10px}
#pegi {text-align: left}

#bestsellery {background: url('../img/separator-horizontal.png') no-repeat; float: left; height: 1116px; width: 192px; margin-left: 5px}
.bests {background: url('../img/separator-bests.png') no-repeat; min-height: 100px; margin-left: 30px; padding-top: 55px; text-align: left}
#bestsellery .cover {margin-bottom: 15px}
#bestsellery .rating5, #bestsellery .rating4, #bestsellery .rating3, #bestsellery .rating2, #bestsellery .rating1 {margin-left: 0px}

#footer {font-size: 8pt; clear: both}
#footer a {text-decoration: none; color: black}
#footer a:hover {border-bottom: 1px #333 solid}
#footer p {margin: 20px}

.bold {font-weight: bold}
.important {font-weight: bold; color: red !important}

#status_ok {background: #60a708; color: white; font-weight: bold; padding: 10px; margin: 10px; border: 2px solid #509700}
#status_bad {background: #ef4400; color: white; font-weight: bold; padding: 10px; margin: 10px; border: 2px solid #df3400}

#content input[type="text"], #content input[type="url"], #content input[type="file"], #content input[type="number"], #content select, #content textarea {width: 400px}
#content textarea {height: 200px; }
#content input[name="metascore"] {width: 260px}
form label {padding: 20px 10px 10px 10px}

label {display: block;}
.opcja {display: inline-table}
.opcja input {padding: 10px}

#player {margin-top: 20px;}